<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_AC31O0',
'ZY_BingChengGongJiangJingShen_1',
'ZY_TiGongQuanFangWeiQing_2',
'ZY_XinXingGaoQiangXiTu_3',
'ZY_GongSiGaiKuang_4',
'ZY_HuNanJiaTuoXinCai_5',
'ZY_Nian_6',
'img_MYbmg7'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南佳拓新材料有限公司官网${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/animate.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/common.css">
  <style>.box{ padding: 90px 0; } .box .company-profile{ margin-top: 60px; } .box .company-profile .item-left{ width: 45%; } .box .company-profile .item-right{ width: 45%; } .box .company-profile .item-left p{ font-size: 18px; line-height: 30px; color: #6D7074; text-indent:2em } .box .company-profile .item-right img{ width: 100%; }</style> 
  <meta name="keywords" content="湖南佳拓新材料有限公司">
  <meta name="description" content="湖南佳拓新材料有限公司">
 </head> 
 <body>
 <jsp:include page="_top.jsp"></jsp:include>
 <div class="box">
   <div class="container"> 
    <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_GongSiGaiKuang_4.adId}">${ZY_GongSiGaiKuang_4.adTitle}</h2> 
    <div class="company-profile flex align-center space-between"> 
     <div class="item-left animated wow fadeInLeftSmall" data-wow-delay="0s"> 
      <p class="zy" data-type="ad" data-id="${ZY_HuNanJiaTuoXinCai_5.adId}">${ZY_HuNanJiaTuoXinCai_5.adTitle}</p> 
      <p class="mt-30 zy" data-type="ad" data-id="${ZY_Nian_6.adId}">${ZY_Nian_6.adTitle}</p> 
     </div> 
     <div class="item-right animated wow fadeInRightSmall" data-wow-delay="0.2s"> 
      <img src="${img_MYbmg7.adImg}" class="zy" data-type="ad" data-id="${img_MYbmg7.adId}"> 
     </div> 
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/jkxc/pc/js/swiper-bundle.min.js"></script>
  <script src="https://hwfile.csxuncong.com/jkxc/pc/js/wow.min.js"></script>
  <script>
		var itemEls = document.getElementsByClassName('nav-item-hover');
		for(var i= 0; i < itemEls.length;i++){
		    itemEls[i].onmouseover = function(){
		        var els = this.getElementsByClassName('nav-layout');
				var img = this.getElementsByClassName('nav-img')
		        if(els.length) {
		            els[0].style.display = 'block'
					img[0].src = 'https://hwfile.csxuncong.com/jkxc/pc/images/fangxiang-shang.png'
		        };
		    }
		    itemEls[i].onmouseout = function(){
		        var els = this.getElementsByClassName('nav-layout');
				var img = this.getElementsByClassName('nav-img')
		        if(els.length) {
		            els[0].style.display = 'none'
					img[0].src = 'https://hwfile.csxuncong.com/jkxc/pc/images/fangxiang-xia.png'
		        };
		    }
		}
		
		
        var swiper = new Swiper('.banner .mySwiper', {
            loop:true,
			slidesPerView:1,
            autoplay : true,
            pagination: {
				el: ".swiper-pagination",
				type: "bullets",
            },
        });
		
		var wow = new WOW({
		    boxClass: 'wow',
		    animateClass: 'animated',
		    offset: 0,
		    mobile: true,
		    live: true
		});
		wow.init();
    </script> 
 </body>
</html>